<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>添加栏目 - FinalCMS Admin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

<link rel="stylesheet" href="${ctx}/css/bootstrap.min.css" />
<link rel="stylesheet" href="${ctx}/css/font-awesome.min.css" />
<link rel="stylesheet" href="${ctx}/css/jquery-ui.custom.min.css" />
<link rel="stylesheet" href="${ctx}/css/fc-fonts.css" />
<link rel="stylesheet" href="${ctx}/css/fc.min.css" />
<link rel="stylesheet" href="${ctx}/css/jquery.gritter.css" />
<!--[if lte IE 9]>
<link rel="stylesheet" href="${ctx}/css/fc-part2.min.css" />
<![endif]-->
<link rel="stylesheet" href="${ctx}/css/fc-skins.min.css" />
<link rel="stylesheet" href="${ctx}/css/fc-rtl.min.css" />

<style type="text/css">
	thead th{
 		align: center; 
	}
	.colmun-data tr{
/* 		height: 40px; */
	}
	.colmun-data tr td{
/* 		height: 20px; */
	}
	.column-lable{
		text-align: right;
		padding-top: 5px;
		width: 150px;
	}
	.star-notNull{
		color: red;
		padding: 12px 0 0 5px;
	}
	
	.margin-bottom-10{
		margin-bottom: 10px;
	}
	
	.column-container{
		background: none repeat scroll 0 0 #ffffff;
	    border-color: #cde6ff;
	    border-right: 1px solid #cde6ff;
	    border-style: solid;
	    border-width: 1px;
	    margin: 10px;
	    padding: 10px 15px;
	}
	.help-tip{
		margin: 10px 5px 5px;
	}
</style>
<!--[if lte IE 9]>
  <link rel="stylesheet" href="${ctx}/css/fc-ie.min.css" />
<![endif]-->

<!--[if lte IE 8]>
<script src="${ctx}/js/html5shiv.js"></script>
<script src="${ctx}/js/respond.min.js"></script>
<![endif]-->

<script type="text/javascript" src='${ctx}/js/jquery1.11.0.min.js'></script>
</head>

<body class="no-skin">
<?include("../../inc/menu.html",{current:"category"}){}?>
<div class="main-content">
	<div class="breadcrumbs" id="breadcrumbs">
		<ul class="breadcrumb">
			<li><i class="ace-icon fa fa-home home-icon"></i> <a
				href="${ctx}/admin/index">首页</a></li>
			<li class="active">添加栏目</li>
		</ul>
	</div>

	<div class="page-content" style="background-color: #f2f9fd;">
		<?include("../../inc/function.html"){}?>
		<div class="page-header" style="border: none;">
				<h1>添加栏目</h1>
		</div>
		<div class="row column-container">
		  <form action="${ctx}/admin/category/save" method="POST" id="frm">
			<div class="col-xs-12 margin-bottom-10 ">
				<label class="col-xs-2 column-lable">名称</label>
				<input type="text" name="name" class="col-xs-6"><label class="star-notNull" >*</label>
			</div>
			<div class="col-xs-12 margin-bottom-10 ">
				<label class="col-xs-2 column-lable">别名</label>
				<input type="text" name="alias" class="col-xs-6"><label class="star-notNull" >*</label>
			</div>
			<div class="col-xs-12 margin-bottom-10 ">
				<label class="col-xs-2 column-lable">所属栏目</label>
				<select name="pid">
					<option value=""></option>
					<?for(c in cats){?>
					<option value="${c.id}">${c.name}</option>
					<?}?>
				</select>
			</div>
			<div class="col-xs-12 margin-bottom-10 ">
				<label class="col-xs-2 column-lable">外部链接</label>
				<input type="text" name="url" class="col-xs-6">
			</div>
			<div>
				<input type="submit" value="保存" /><input type="button" value="返回" onclick="window.history.back();" /> 
			</div>
		 </form>								
	  </div> <!-- end row -->
</div>
</div>
<?include("../../inc/footer.html"){}?>
<script type="text/javascript" src="${ctx}/js/bootstrap.min.js"></script>
<!--[if lte IE 8]>
	  <script type="text/javascript" src="${ctx}/js/excanvas.min.js"></script>
<![endif]-->

<!-- 消息提示框插件 -->
<script type="text/javascript" src="${ctx}/js/jquery.gritter.min.js"></script>
<script type="text/javascript" src="${ctx}/js/fc-extra.min.js"></script>
<script type="text/javascript" src="${ctx}/js/fc.min.js"></script>
<script type="text/javascript">
	$('[data-rel=tooltip]').tooltip();
</script>
</body>
</html>
